<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel="stylesheet" href="../css/base.min.css ">
    <link rel="stylesheet" href="../css/login.min.css">
    <link rel="shortcut icon" href="../img/index/ficon.png" type="images/x-icon">
</head>

<body>
    <!--头部-->
    <div class="header">
        <div class="header-con center clearfix">
            <div class="logo">
                <span>music</span>
            </div>
            <div class="nav">
                <ul class="clearfix fill">

                    <li>
                        <a href="../index.html">
                            首页
                        </a>
                    </li>
                    <li>
                        <a href="song.html">
                            歌单
                        </a>
                    </li>
                    <li>
                        <a href="singer.html">
                            歌手
                        </a>
                    </li>
                    <li>
                        <a href="music-list.html">榜单</a>
                    </li>
                    <li>
                        <a href="MV.html">视频</a>
                    </li>

                </ul>
            </div>

            <div class="actions">
                <input placeholder="搜索音乐">
                <a class="loginbtn" href="login.html">登录</a>
                <a class="message" href="information.html"><img src="../img/index/akari.jpg"></a>
            </div>

        </div>
    </div>


    <!--广告-->
    <div class="banner">
        <h2 class="text-center fire">灵 动 起 舞 </h2>
    </div>

    <h2 class="title text-center">登录</h2>

    <div class="login center text-center">
        <input class="username" type="text" placeholder="你的手机号/邮箱">
        <input class="password" type="text" placeholder="密码">
        <div class="prompt">
            <input class="remmber" type="checkbox"> 记住我
            <span class="gray"> 不是自己的电脑不要勾选此选项</span>
            <a class="help">无法验证？</a>
            <a class="help">忘记密码？</a>
        </div>
        <a class="btn log-on" href="login.html">登录</a>
        <a class="btn post" href="post.html">注册</a>
        <div class="change-login">
            <a>
                <img class="tweet" src="../img/login/weibo.png">
                <sapn class="tweet-login">微博账号登录</sapn>
            </a>
            <a>
                <img class="qq" src="../img/login/QQ.png">
                <sapn>QQ账号登录</sapn>
            </a>
        </div>
    </div>

    <P class="agree text-center">
        登录即代表你同意<a>用户协议</a></a>和<a>隐私政策</a>
    </P>




    <!--页脚-->
    <footer class="footer">
        <div class="footer-con center">
            <div class="flink">
                <a href=""> 关于我们</a>
                <a href=""> 发展历程</a>
                <a href=""> 意见反馈</a>
                <a href="">
                    <img src="../img/index/音乐.png">
                </a>
                <a href="">
                    <img src="../img/index/腾讯微博.png">
                </a>
                <a>
                    <img src="../img/index/淘宝,TAO,alibaba,1688.png">
                </a>
                <a>
                    <img src="../img/index/qq音乐.png">
                </a>
                <span>QQ群：42931942</span>
                <span>MUSIC群： 373302682</span>
            </div>
            <p class="copyright">
                Copyright (c) 2013 <span class="green">music.com.</span> All Rights Reserved V 1.8.5 京ICP备13015845号-1
            </p>

        </div>
    </footer>
</body>

</html>